<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <ui:composition template="/shared/_layout.xhtml">
        <ui:define name="title">
            Espace d'administration de BooXtore.com
        </ui:define>
        <ui:define name="css">
            <h:outputStylesheet library="css" name="form.css"/>
            <h:outputStylesheet library="css" name="index.css"/>
        </ui:define>
        <ui:define name="content">
            <f:event listener="#{accountLogin.isNotLogged()}" type="preRenderView" />
            <h1>Espace d'administration de BooXtore.com</h1>
            <div class="option">
                <h:graphicImage library="img" name="appbar.user.tie.svg"/>
                <h2>
                    Gestion des auteurs
                </h2>
                <ul>
                    <li>
                        <h:link outcome="/author/create">
                            Création
                        </h:link>
                    </li>
                    <li>
                        <h:link outcome="/author/index">
                            Modification, suppression
                        </h:link>
                    </li>
                </ul>
            </div>
            <div class="option">
                <h:graphicImage library="img" name="appbar.folder.ellipsis.svg"/>
                <h2>
                    Gestion des catégories
                </h2>
                <ul>
                    <li>
                        <h:link outcome="/category/create">
                            Création
                        </h:link>
                    </li>
                    <li>

                        <h:link outcome="/category/index">
                            Modification, suppression
                        </h:link>
                    </li>
                </ul>
            </div>
            <div class="option">
                <h:graphicImage library="img" name="appbar.store.svg"/>
                <h2>
                    Gestion des éditeurs
                </h2>
                <ul>
                    <li>
                        <h:link outcome="/editor/create">
                            Création
                        </h:link>
                    </li>
                    <li>

                        <h:link outcome="/editor/index">
                            Modification, suppression
                        </h:link>
                    </li>
                </ul>
            </div>
            <div class="option">
                <h:graphicImage library="img" name="appbar.book.perspective.svg"/>
                <h2>
                    Gestion des livres
                </h2>
                <ul>
                    <li>
                        <h:link outcome="/library/notification">
                            Voir les notifications
                        </h:link>
                    </li>
                    <li>
                        <h:link outcome="/library/create">
                            Création
                        </h:link>
                    </li>
                    <li>
                        <h:link outcome="/library/index">
                            Modification, suppression
                        </h:link>
                    </li>
                    <li>
                        <h:link outcome="/library_by_authors/index">
                            Modification, suppression avec un auteur
                        </h:link>
                    </li>
                </ul>
            </div>
            <div class="option">
                <h:graphicImage library="img" name="appbar.cart.svg"/>
                <h2>
                    Gestion des commandes
                </h2>
                <h:link outcome="/order/index">
                    Modification, suppression
                </h:link>
            </div>
            <h:form>
                <p>
                    <h:commandButton action="#{accountLogin.logout()}" value="Se déconnecter"/>
                </p>
            </h:form>
        </ui:define>
    </ui:composition>
</html>